@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 99999px) and (min-width: 601px){a.anchor{display: block; position: relative; top: -250px; visibility: hidden;}}
@media all and (max-width: 99999px) and (min-width: 601px){a.anchor2{display: block; position: relative; top: -150px; visibility: hidden;}}


#t td, #r1, #r2 {
	font-family:'Oswald', sans-serif!important;
	}


.radiobutton{margin: 10px 0px 0px -69px;
    top: 21px;
    position: relative;
   }
   input.radiobutton{    margin: 26px 30px 56px 29px;
   }
   
.counter {
     float:left;
     padding:6px;
     border-radius:5px;
     background:#527F40;
}
.counter span {
     float:left;
     width:22px;
     height:30px;
     text-indent:-9999px;
     font-size:0.0001em;
     background-image:url(/web/20160513182730im_/http://www.mjffc.org.uk/images/numbercounter/counter-sprite.png);
}

.counter .digit-1 {
    background-position:0 -30px;

    animation-name: digitSpin1;
    animation-duration: 3s;
    animation-iteration-count: 1;
		
    -webkit-animation-name: digitSpin1;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}
@-webkit-keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}
@-moz-keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}

.counter .digit-5 {
    background-position:0 -30px;

    animation-name: digitSpin1;
    animation-duration: 3s;
    animation-iteration-count: 1;
		
    -webkit-animation-name: digitSpin1;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}
@-webkit-keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}
@-moz-keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}


.panel-multi-d{    position: relative!important;
    margin: 0px 0px 0px -10px!important;
    max-width: none!important;
}

@media all and (max-width: 800px) {
.panel-multi {
	background: rgba(255, 255, 255, 0.6);
/*border-radius: 10px;*/
padding: 8px;
margin:10px 6px 10px 10px;
text-align: center;
max-width: 267px;
width: 100%;
color:#000 !important;
margin:auto;
}

.panel-multi-donate {
background-color: #c40000 !important;
padding: 8px;
margin: 5px 8px 6px -8px;
text-align: center;
max-width: 272px;
display: inline-block;
width: 100%;
color:#fff!important;
}
}


@media all and (max-width: 99999px) and (min-width: 801px){
.panel-multi {
background: rgba(255, 255, 255, 0.6);
padding: 8px;
margin:10px 6px 10px 10px;
text-align: center;
max-width: 267px;
display: inline-block;
width: 100%;
color:#000 !important;
}

.panel-multi-donate {
background-color: #c40000 !important;
padding: 8px;
margin: 11px 8px 10px 8px;
text-align: center;
max-width: 272px;
display: inline-block;
width: 100%;
color:#fff!important;
}
}


.panel-multi-members {
background: rgba(255, 255, 255, 0.6);
padding: 8px;
margin:10px 6px 10px 10px;
text-align: center;
max-width: 267px;
display: inline-block;
width: 100%;
color:#000 !important;
}

.panel-multi-members:hover { background: rgba(195, 0, 0,0.1)!important; color:#c40000 !important; }
.panel-multi-donate:hover {	background: rgba(255, 255, 255, 0.6) !important; color:#000 !important;}


@media all and (max-width: 99999px) and (min-width: 801px){
.donate-panel-wide {background: rgba(255, 255, 255, 0.3); padding: 14px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}}
@media all and (max-width: 800px) {
.donate-panel-wide {background: rgba(255, 255, 255, 0.3); padding: 14px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}}
	
.panel-multi-donate-wide {
background-color: #c40000 !important;
text-align: center;
max-width: 700px;
display: inline-block;
width: 100%;
color:#fff!important;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
margin:5px 10px 0px -8px;
padding:8px;
}


.zopim {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
border: 0px !important;
overflow: auto !important;
position: fixed !important;
z-index: 16000002 !important;
width: 294px !important;
height: 30px !important;
right: -337px !important;
bottom: 0px !important;
background: transparent !important;
}

body{
font-family: Source Sans Pro, 'Didact Gothic', sans-serif; /*'Oswald', */
padding:0;
margin:0; 

}

.joinmailinglist {     text-align: center;
    padding: 0 0 12px 0;
    margin-top: -36px;}

.modal { z-index: 1620; }

.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
overflow-y: scroll;
}

.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
}

#moreLinks .modal-dialog {
width: 800px;
padding-top: 30px;
padding-bottom: 30px;
}


#moreLinks .modal-dialog {
position: relative;
z-index: 1050;
width: auto;
padding: 10px;
margin-right: auto;
margin-left: auto;
}

.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}




.modal.fade .modal-dialog {
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
transform: translate(0,-25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
}



.facehead { border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%; border:3px solid #000; margin-right:10px;}
a:hover .facehead { border:3px solid #c40000;}

.faceheady {  z-index:0; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border:3px solid #d5c301; margin-right:10px; text-decoration:none; opacity: 0.5;}
.faceheady:hover{ z-index:10; border:3px solid #c40000; text-decoration:none; opacity: 1;}
.faceheadydiv { width:100px; height:100px; text-decoration:none; display: inline-block;
margin-left: 20px;
margin-top: -30px;}
.faceheadynumber {z-index:0; position: relative;
top: 70px;
left: 3px;
font-size: 18px;
font-family: Impact, Myriad Pro;
width: 20px;
text-decoration:none;}

.d01 {z-index:0; position: relative;
margin-left: -730px;
top: 68px;
font-size: 65px;
color: #d5c301;
opacity: 1;
text-decoration: none !important;}

.d01 a:hover {z-index:0;
color: #c40000; text-decoration: none !important;}

.facehead-large{border-radius: 80px;
-webkit-border-radius: 80px; 
-moz-border-radius: 80px;}



.donatebutton {
  white-space: normal;
  max-width: 260px;
	display: inline-block; padding:6px 30px 6px 30px; background-color:#000; color:#003366; font-size:18px; font-family:arial, 'Oswald', sans-serif; font-style:italic; font-weight:bold; text-align:center; margin:5px 5px 5px 0; text-decoration:none; border:none; cursor:pointer;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
border:1px solid #ff9933;
background: #fffdf8; /* Old browsers */
background: -moz-linear-gradient(top,  #fffdf8 0%, #fedfa1 50%, #ffaf33 51%, #ffc161 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdf8), color-stop(50%,#fedfa1), color-stop(51%,#ffaf33), color-stop(100%,#ffc161)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fffdf8 0%,#fedfa1 50%,#ffaf33 51%,#ffc161 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fffdf8 0%,#fedfa1 50%,#ffaf33 51%,#ffc161 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fffdf8 0%,#fedfa1 50%,#ffaf33 51%,#ffc161 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fffdf8 0%,#fedfa1 50%,#ffaf33 51%,#ffc161 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf8', endColorstr='#ffc161',GradientType=0 ); /* IE6-9 */
/*max-width:450px;
width:100%;*/
word-wrap:break-word;
}

.donatebutton:active {position:relative; top:1px; left:1px;}
.donatebutton:hover {background: #ffebc3; }


h2 {  text-transform:uppercase; font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; font-size:27px; margin-top: 0; margin-bottom: 10px;}
.acebox {padding: 10px 10px 10px 17px;
  margin-bottom: 10px; color:#fff!important;border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }
.acefocus {color:#000!important; font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; margin: 7px 10px -11px 10px; text-transform:uppercase; }
.z, .z a:link {color:#000!important; background-color:#ececec!important;} /*e567b1*/
.a, .a a:link {color:#fff!important; background-color:#ff3742!important;} /*e567b1*/
.alabel {color:#fff!important; background-color:#ff3742!important;padding:0px 5px 0px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;   } /*6c8dd5*/

.c, .c a:link {color:#fff!important; background-color:#37a3ff!important;} /*6c8dd5*/
.clabel {color:#fff!important; background-color:#37a3ff!important;padding:0px 5px 0px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  } /*6c8dd5*/

.e, .e a:link {color:#fff!important; background-color:#e4c535!important;} /*88b32d*/
.elabel {color:#fff!important; background-color:#e4c535!important;padding:0px 5px 0px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  } /*6c8dd5*/

.y, .y a:link {color:#fff!important; background-color:#74dc63!important;}
.n, .n a:link {color:#fff!important; background-color:#e56767!important;}

.bodymain{
background: url(/web/20160513182730im_/http://www.mjffc.org.uk/images/background30central2b.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color:#100f10;
padding:0;
margin:0;
height:100px;
}
.bodymainabout{
background: url(/web/20160513182730im_/http://www.mjffc.org.uk/images/background30central2b80.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color:#100f10;
padding:0;
margin:0;
height:100px;
}





.clusteryellow {
background: rgba(213, 195, 0, 0.94);
padding:20px;
margin:0;
cursor: default;

}

.charitytitle {color:#000; font-size: 19px; text-transform:uppercase; line-height: 26px;}
.charitytitle a:link {text-decoration:underline; }
.charitytitle a:hover {text-decoration:none; }
.charitycontent {color:#fff; text-decoration:none; font-size: 16px; line-height: 26px; padding: 5px 0 0 0;}

.middlewidth{width:949px;}

/*
.innercontainer {padding-top:165px;}
.innercontainerdonors {padding-top:110px;}
*/

.arrowhtml { color:#999;}

.charitylogos {float: left;

position: relative;
margin-right: 10px;
margin-bottom: 20px;
}

.tooltip{
    display: inline;
    position: relative;
	
}

.tooltip:hover:after{
    background: #333;
    background: rgba(255,255,255,.9);
    border-radius: 5px;
    bottom: 46px;
    color: #000;
    content: attr(title);
    left: 1%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: auto;
}

.tooltip:hover:before{
    border: solid;
    border-color: #e6e6e6 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 40px;
    content: "";
    left: 31%;
    position: absolute;
    z-index: 99;
}

.fadeInDown{

-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}

.animated{-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;

}

a:link, a:visited  {color:#c40000; text-decoration:none;}
a:hover {color:#c40000; text-decoration:underline;}
p {margin:0; padding:0;}

ul {line-height:28px;}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}

a:link.button-donate, a:visited.button-donate  {display: inline-block; width:120px; padding:6px 30px 6px 30px; background-color:#c40000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px ;  text-decoration:none;}
a:hover.button-donate {color:#000; background-color:#fff;}

a:link.button-vote, a:visited.button-vote  {display: inline-block; width:120px; padding:6px 30px 6px 30px; background-color:#d5c301; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px; text-decoration:none;}
a:hover.button-vote {color:#000; background-color:#fff;}

a:link.button-joinus, a:visited.button-joinus  {display: inline-block; width:120px; padding:6px 30px 6px 30px; background-color:#c40000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 0 5px 0;  text-decoration:none;}
a:hover.button-joinus {color:#fff; background-color:#000;}

a:link.button-expanding, a:visited.button-expanding  {display:table; padding:6px 30px 6px 30px; background-color:#000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 5px 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
a:hover.button-expanding {color:#fff; background-color:#c40000; }

a:link.button-expanding-cs, a:visited.button-expanding-cs  {display:table; padding:6px 30px 6px 30px; background-color:#ec7200!important; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 5px 5px 0; text-decoration:none; border:none; cursor:pointer;}
a:hover.button-expanding-cs {color:#fff; background-color:#000!important; border:none; cursor:pointer; font-size:22px;}

span.button-expanding {display: inline-block; padding:0; background-color:#000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 5px 5px 0; text-decoration:none; border:none;}


a:link.button-expanding-bw, a:visited.button-expanding-bw  {display:table; padding:6px 30px 6px 30px; background-color:#000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 5px 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
a:hover.button-expanding-bw {color:#000; background-color:#fff; }

a:link.button-expanding-bwr, a:visited.button-expanding-bwr  {display:table; padding:6px 30px 6px 30px; background-color:#fff; color:#000; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 5px 0 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
a:hover.button-expanding-bwr {color:#fff; background-color:#000; }

a:link.button-expanding-br, a:visited.button-expanding-br  {display:table; padding:6px 30px 6px 30px; background-color:#000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 5px 0 0; text-decoration:none; border:none; cursor:pointer;border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
a:hover.button-expanding-br {color:#fff; background-color:#c40000; }

a:link.button-expanding-mjtg, a:visited.button-expanding-mjtg  {display:table; padding:6px 30px 6px 30px; background-color:#954f90; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 5px 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
a:hover.button-expanding-mjtg {color:#fff; background-color:#c477bf; }


 a:link.button-expanding-rw, a:visited.button-expanding-rw  {display: inline-block;
background-color: #c40000;
color: #fff;
font-size: 22px;
font-family: 'Oswald', sans-serif;
font-weight: bold;
text-align: center;
margin: 10px 0 10px 0;
padding:6px 20px 6px 20px; 
text-decoration: none;
border: none;
cursor: pointer;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
 a:hover.button-expanding-rw {color:#000!important; background-color:#fff; }
 
 
  a:link.button-expanding-rb, a:visited.button-expanding-rb  {display: inline-block;
background-color: #c40000;
color: #fff;
font-size: 22px;
font-family: 'Oswald', sans-serif;
font-weight: bold;
text-align: center;
margin: 10px 0 10px 0;
padding:6px 30px 6px 30px; 
text-decoration: none;
border: none;
cursor: pointer;}
 a:hover.button-expanding-rb {color:#fff!important; background-color:#000; border:none; cursor:pointer; text-shadow:none;}
 
 
 
  a:link.button-expanding-yw, a:visited.button-expanding-yw  {display: inline-block;
background-color: #d5c301;
color: #fff;
font-size: 22px;
font-family: 'Oswald', sans-serif;
font-weight: bold;
text-align: center;
margin: 10px 0 10px 0;
padding:6px 20px 6px 20px; 
text-decoration: none;
border: none;
cursor: pointer;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
}
 a:hover.button-expanding-yw {color:#000!important; background-color:#fff;}
 

input.button-expanding{display: inline-block; padding:6px 30px 6px 30px; background-color:#000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 0 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
input.button-expanding:hover {color:#fff; background-color:#c40000; border:none; cursor:pointer;border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

input.button-expanding-bwr{display: inline-block; padding:6px 30px 6px 30px; background-color:#fff; color:#000; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 0 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
input.button-expanding-bwr:hover {color:#fff; background-color:#000; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

input.button-expanding-rb{display: inline-block; padding:6px 30px 6px 30px; background-color:#c40000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 0 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
input.button-expanding-rb:hover {color:#fff; background-color:#000; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

input.button-expanding-bwrr{display: inline-block; padding:6px 30px 6px 30px; background-color:#fff; color:#000; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 0 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
input.button-expanding-bwrr:hover {color:#fff; background-color:#c40000; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

input.button-expanding-rw{display: inline-block; padding:6px 30px 6px 30px; background-color:#c40000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 0 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
input.button-expanding-rw:hover {color:#000; background-color:#fff; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

input.button-expanding-bw{display: inline-block; padding:6px 30px 6px 30px; background-color:#000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 0 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
input.button-expanding-bw:hover {color:#000; background-color:#fff; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

input.button-expanding-bwd{display: inline-block; padding:6px 15px 6px 15px; background-color:#000; color:#fff; font-size:22px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; margin:5px 0 5px 0; text-decoration:none; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
input.button-expanding-bwd:hover {color:#000; background-color:#fff; border:none; cursor:pointer; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

header {
background-color:#000; 
padding:15px 0 5px 14px; color:#fff; /*border-bottom: dotted 1px #999;*/
z-index:10;
position:relative;
cursor:default;
/*opacity: 0.9;*/
}

.headerindex {

padding:20px 20px 0 20px; color:#fff; /*border-bottom: dotted 1px #999;*/
position:relative;
margin:auto;
z-index:5;


}

.maxwidth321 {max-width:321px;}
.maxwidth560 {max-width:560px;}
.maxwidth851 {max-width:851px;}
.maxwidth468 {max-width:468px;}
.maxwidth500 {max-width:500px;}

.lozenges {display: block; margin: auto;background: rgba(255, 255, 255, 0.8);}  


.lozenge-facebook .lozengedesc, .lozenge-twitter .lozengedesc, .lozenge-googleplus .lozengedesc{font-size: 43px;
color: #fff;
text-align: center;
padding: 10px 0 10px 0;}
.lozenge-facebook .lozengetitle, .lozenge-twitter .lozengetitle, .lozenge-googleplus .lozengetitle{color:#fff; font-size:24px;font-family: 'Oswald', sans-serif; font-weight: bold;} 


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 3;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 3;
    animation:fadeIn ease-in 3;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    animation-duration:3s;
}

.fade-in-long {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 10;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 10;
    animation:fadeIn ease-in 10;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:10s;
    -moz-animation-duration:10s;
    animation-duration:10s;
}

.fade-in.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}
 
.fade-in.two {
-webkit-animation-delay: 2.5s;
-moz-animation-delay:2.5s;
animation-delay:2.5s;
}
 
 .fade-in-long.star {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.fade-in.three {
-webkit-animation-delay: 6.5s;
-moz-animation-delay: 6.5s;
animation-delay: 6.5s;
}

.heropadding{ padding:20px; }
.herofocus{ padding: 20px;position: relative;z-index: 2;cursor:pointer;}

.clusterchildsponsorship { background-color:#6c8dd5;
color:#fff;
padding:20px;
margin:0;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 1.0s;
-webkit-animation-delay: 1.0s;
cursor: default;

}



@media all and (max-width: 600px) {
.videovideo {display:none;}}
.bodymain2{ /*index*/

background-color:#fff;
padding:0;
margin:0;
height:100px;
}

@media all and (max-width: 99999px) and (min-width: 601px){

.videostatic {display:none;}}

@media all and (max-width: 800px) {
.introduction {display:none;}
.introductiononred {display:none;}
.introductiononyellow {display:none;}
.introductiononpurple {display:none;}

.socialvisitheader {display:none;}
.bodymain2{ /*index*/

background-color:#fff;
padding:0;
margin:0;
height:100px;
}
.logo2 {text-align: left!important; margin:-11px 0 2px 2px!important; }
.logo2text {position:relative !important; bottom:0!important; left: -5px!important;font-size: 55px!important; font-family:'Source Sans Pro','Oswald', sans-serif; font-weight:bold; color:#fff!important; text-decoration:none;  text-shadow: 1px 2px 0px rgba(0, 0, 0, 1);}
.header-donate{display:none!important; }
.header-vote{display:none!important; }
.header-chatango{display:none!important;border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.welcome { color:#000; text-align:center; font-size: 16px; font-family: 'Oswald','Source Sans Pro','Oswald', sans-serif; text-shadow: 0px 0px 19px rgba(255, 255, 255, 1);}
.welcomemargin {}
.amazonstore {display:none;}
.responsivehide {display:none;}
	
	


.col2 {max-width: none; vertical-align: top; margin-right: 0;}
.donate-panel {background: rgba(255, 255, 255, 0.3); padding: 7px 14px 0 14px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}

.footercol1{ width: 100%; float: left;}	
.footercol2{ width: 100%; float: right; margin-top: 15px;}
	
.bodyindex {
background: url(/web/20160513182730im_/http://www.mjffc.org.uk/images/nothing.png) no-repeat center center fixed; 
background-color: #000;
padding:0;
margin:0;
height:100px;
}

.innercontainer {max-width:1000px; margin:auto;}

.btt{display:none;
	
}


.innercontainerheader {white-space: normal; max-width:1000px;  margin:auto;}
.mobformmain{padding: 0 10px 0px 10px; z-index:10;
position:relative; background-color:#000000; border-bottom: 1px #fff dashed;}
.mobformsub{display: block;
background-color:#000000;
padding: 10px 10px 0 10px;
z-index:10;
position:relative;
    /*margin-top: -83px; */
}



.lozenge-facebook  {display: table-cell;  background: rgba(59, 89, 152, 1);  padding:15px; width:20%;}  
.lozenge-twitter {display: table-cell;  background: rgba(0, 172, 238, 1); padding:15px; width:20%;} 
.lozenge-googleplus {display: table-cell; background: rgba(220, 74, 54, 1);  padding:15px; width:20%;}  


.lozenges img {
margin-bottom: -4px;
max-width: 9999px!important;
width: 100%!important;}



select.formnavmain { 

 width:100%; clear:both;
font-family:'Didact Gothic', sans-serif, 'Oswald';
font-size: 37px;
padding: 4px 5px 5px 4px;
margin:10px 0 10px 0;
color:#5a5858 !important;

border-color: #000 ;
border-radius: 5px;
border-style: solid;
border-width: 1px;
z-index:10;
position:relative;
cursor: pointer;
}
	
select.formnavsub {
	
display: inline-block; width:100%; clear:both;
font-family:'Didact Gothic', sans-serif;
font-size: 37px;
padding: 4px 5px 5px 4px;
margin:0 0 10px 0;
color:#5a5858 !important;

border-color: #000 ;
border-radius: 5px;
border-style: solid;
border-width: 1px;
z-index:10;
position:relative;
cursor: pointer;
}
	

 a:link.button-expanding, a:visited.button-expanding  {display: block;
background-color: #0000;
color: #fff;
font-size: 22px;
font-family: 'Oswald', sans-serif;
font-weight: bold;
text-align: center;
margin: 10px 0 10px 0;
text-decoration: none;
border: none;
cursor: pointer;}
 a:hover.button-expanding {color:#fff; background-color:#c40000; border:none; cursor:pointer;}
 
 
  a:link.button-expanding-bw, a:visited.button-expanding-bw  {display: block;
background-color: #000000;
color: #fff;
font-size: 22px;
font-family: 'Oswald', sans-serif;
font-weight: bold;
text-align: center;
margin: 10px 0 10px 0;
text-decoration: none;
border: none;
cursor: pointer;}
 a:hover.button-expanding-bw {color:#000; background-color:#fff; border:none; cursor:pointer;}
 
 a:link.button-expanding-bwr, a:visited.button-expanding-bwr  {display: block; 
background-color:#fff;
color:#000; 
font-size:22px; 
font-family:'Oswald', sans-serif; 
font-weight:bold; 
text-align:center; 
margin: 10px 0 10px 0; text-decoration:none; border:none; cursor:pointer;}
a:hover.button-expanding-bwr {color:#fff; background-color:#000; border:none; cursor:pointer;}
 
 

 .cluster {
background: rgba(255, 255, 255, 0.9);
/*border-top:1px dashed #000;*/
border-bottom:1px dashed #000;
max-width: 1000px;
padding:20px;
margin:0;
position:relative;
z-index:2;
cursor: default;
}


.clusterred {background: rgba(196, 0, 0, 0.9);
padding:20px;
margin:0;
cursor: default;

}

.clusterdonate {display:none;}
.clustervote {display:none;}
.clusternotice {
background-color:#ffffda;
padding:5px;
margin:auto;
border-bottom: 1px dashed #000;
cursor: default;
text-align: center;
font-size:9px !important;
}


.clusterquote {text-align: center; border-top:1px dashed #000; border-bottom:1px dashed #000;}


.clusterquote img{
text-align: center;
margin: auto;
display:block;
max-width:851px;
width:100%;
}

.clusterquoteindex img{
border-top:1px dashed #000;
border-bottom:1px dashed #000;
text-align: center;
margin-bottom: -4px;
}



.clusterstrap {
background: rgba(0, 0, 0, 1);
border-top:1px dashed #000;
border-bottom:1px dashed #000;
padding:20px;
margin:0;
text-align:center;
cursor: default;
}

 
 
.sharepage {	display:none;	}
#video_0index {text-align: center;}
.videos { width:100%; max-width:560px;}
.footercol {max-width: 1000px;
margin: auto;
z-index: 10;
position: relative;
}

.mjquote, .mjquote a:link, .mjquote a:visited, .mjquote a:hover { font-size:55px; font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; text-align:center;color:#fff; text-decoration:none;  text-shadow: 1px 2px 0px rgba(0, 0, 0, 1); margin:0 !important;}

}


@media all and (max-width: 99999px) and (min-width: 801px){
	.bodymain2{ /*index*/
background: url(/web/20160513182730im_/http://www.mjffc.org.uk/images/background30central2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color:#100f10;
padding:0;
margin:0;
height:100px;
}
	.logo2 {text-align: left!important; margin:-11px 0 2px -16px!important;}
	.logo2text {position:relative !important; bottom:8px!important; left: 0!important; font-size:37px; font-family:'Source Sans Pro', 'Oswald', sans-serif; font-weight:bold; color:#fff!important; text-decoration:none!important;  text-shadow: 1px 2px 0px rgba(0, 0, 0, 1);}
	.header-donate{margin: 8px 20px 0 0!important; float: right;}
	.header-vote{margin: 8px 20px 0 0!important; float: right;}
    .header-chatango{margin: 8px 20px 0 0!important; float: right;}

	.welcome { margin-top:200px; color:#fff; text-align:center; font-size: 18px; font-family: 'Oswald','Source Sans Pro','Oswald', sans-serif; text-shadow: 0px 0px 19px rgba(0, 0, 0, 1);}

.col2 {max-width: 450px; vertical-align: top; margin-right: 31px; display: inline-block; text-align:left;}
.footercol1{ width: 520px; float: left;}
.footercol2{ width: 410px; float: right; margin-top: 15px;}

.donate-panel {background: rgba(255, 255, 255, 0.3); padding: 14px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}


	.bodyindex {
background: url(/web/20160513182730im_/http://www.mjffc.org.uk/images/nothing.png) no-repeat center center fixed; 
background-color: #000;
padding:0;
margin:0;
height:100px;
}
.headerindex {

padding:20px 20px 0 20px; color:#fff; /*border-bottom: dotted 1px #999;*/
position:relative;
z-index:5;
margin:auto;
}
	

.heroindex{ 

background: url(/web/20160513182730im_/http://www.mjffc.org.uk/images/nothing.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 20px;
  
position: relative;
z-index: 2;

}





.fixed {  position: fixed;
  width: 100%;
  z-index: 16;
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0,0, 0.4);
  -moz-box-shadow: 0px 3px 8px rgba(0, 0,0, 0.4);
  box-shadow: 0px 3px 8px rgba(0, 0,0, 0.4);}
.innercontainerheader {white-space: nowrap; max-width:1000px;  margin:auto;}
	
	
	
	
form.mobformmain, form.mobformsub {display:none;}
select.formnavmain {display:none;}
select.formnavsub {display:none;}


 .clusterinner {max-width: 1000px; width: 950px; margin:auto;}
 .clusterinnerchat{max-width: 100%; margin:auto;}
 
 .clusterinnerheader {width: 985px;}
.cluster {
background: rgba(255, 255, 255, 0.9);
/*border-top:1px dashed #000;*/
border-bottom:1px dashed #000;
padding:20px;
margin: 0 0 0 0;
z-index:2;
cursor: default;
}

.clusterred {
background: rgba(196, 0, 0, 0.9);
padding:20px;
margin: 0;
cursor: default;
}

 
.clusterdonate {
background-color:#c40000;
padding:0px 20px 7px 21px;
margin:0;
border-top:1px dashed #000;
border-bottom:1px dashed #000;
cursor: default;
text-align: center;
}


.clustervote {
background-color:#c6c6c6;
padding:0px;
margin:auto;
border-bottom: 1px dashed #000;
cursor: default;
text-align: center;

}

.clusternotice {
background-color:#ffffda;
padding:5px;
margin:auto;
border-bottom: 1px dashed #000;
cursor: default;
text-align: center;
font-size:12px;
font-family: Source Sans Pro, 'Didact Gothic', sans-serif; 
}



.clusterquote {
border-top:1px dashed #000;
border-bottom:1px dashed #000;

}

.clusterquote img{
text-align: center;
margin: auto;
display:block;
max-width:851px;
width:100%;
}


.clusterquoteindex img{
border-top:1px dashed #000;
border-bottom:1px dashed #000;
text-align: center;
margin-bottom: -4px;
}
 
 
 
.clusterstrap {
background: rgba(0, 0, 0, 1);
border-top:1px dashed #000;
border-bottom:1px dashed #000;
padding:20px;
margin:0;
text-align:center;
cursor: default;
}


.sharepage {
	text-align: center;
margin: auto;
padding: 14px;
background: rgba(255, 255, 255, 0.8);
padding-top: 165px;
	}
.sharepage_facebook { top: 0px; position: relative;}
.sharepage_twitter { top: 6px; left: 6px;position: relative;}
.sharepage_googleplus { top: 0px; left: 12px;position: relative;}

.sharepage_comments a:link, .sharepage_comments a:visited  { 
background-color: #000;
padding: 3px 10px 3px 10px;
color: #fff !important;
font-size: 12px;
top: 0px;
left: 5px;
position: relative;
border-radius: 2px;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
font-family:'Oswald','Source Sans Pro','Oswald', sans-serif;
text-transform:uppercase;
}
	
.videos {width:100%; max-width:560px; }
		
#video_0index {text-align: center;}

.btt{position: fixed;
left: auto;
right: 46px;
bottom: 5%;
z-index: 1000;
color: #000;
text-decoration:none;
opacity: 0.2;
border-radius: 27px;
-webkit-border-radius: 27px; 
-moz-border-radius: 27px;
height: 52px;
padding: 4px 5px 0px 6px;
font-size: 50px;
}

.btt a:link, .btt a:visited{ text-decoration:underline; padding: 8px;}
.btt:hover {text-decoration:none; color: #c40000; opacity: 1.0;}

.footercol {max-width: 1000px;
margin: auto;
z-index: 10;
position: relative;
width: 960px;}
.lozenge-facebook, .lozenge-twitter, .lozenge-googleplus {width:200px;}
.lozenge-facebook  {display: inline-block;  background: rgba(59, 89, 152, 1); /*border-radius: 15px;*/ padding:15px; }  
.lozenge-twitter {display: inline-block;  background: rgba(0, 172, 238, 1); /*border-radius: 15px;*/ padding:15px;} 
.lozenge-googleplus {display: inline-block; background: rgba(220, 74, 54, 1); /*border-radius: 15px;*/ padding:15px; }  
	
}



/* NAVIGATION */
/* NAVIGATION */
/* NAVIGATION */





nav ul.navmain-mjgbp {font-family:'Oswald', 'Didact Gothic', sans-serif ;line-height: 14px;margin: 0;padding: 0;text-align: center;position: relative;background-color:#000; cursor:default;z-index:10;position:relative;font-size:14px!important;}
nav ul.navmain-mjgbp li {list-style-type:none; display:inline-block; margin:0 1px 0 0; color:#fff; }
nav ul.navmain-mjgbp li a:hover {color:#000; background-color:#fff; text-decoration:none!important; }
nav ul.navmain-mjgbp li.currentpage a:link, nav ul.navmain-mjgbp li.currentpage a:visited{background-color:#fff; color:#000; }
nav ul.navmain-mjgbp li.currentpagewhite a:link, nav ul.navmain-mjgbp li.currentpagewhite a:visited, nav ul.navmain-mjgbp li.currentpagewhite a:hover{background-color:#fff; color:#000!important;}


@media all and (max-width: 800px) {

/*.nav {background-color:#000; font-family:'Oswald', 'Didact Gothic', sans-serif ; }*/
nav ul.navmain-mjgbp { display: none; font-family:Oswald, 'Didact Gothic', sans-serif ; }
}

@media all and (max-width: 99999px) and (min-width: 801px){
	
/*nav {opacity: 0.9;}*/
nav .navmain-mjgbp {margin:auto; padding:0; white-space: nowrap; z-index:10; position:relative;}
nav ul.navmain-mjgbp li a:link, nav .navmain-mjgbp a:visited {padding:12px; margin: 0 -3px 0 0; display:inline-block; background-color:#000; color:#fff; text-decoration:none;  }
}






/* nav MAIN menu*/ 

nav ul.navmain2 {font-family:'Oswald', 'Didact Gothic', sans-serif ;line-height: 14px;margin: 0;padding: 0;text-align: center;position: relative;background-color:#000; cursor:default;z-index:10;position:relative;font-size:14px!important;}
nav ul.navmain2 li {list-style-type:none; display:inline-block; margin:0 1px 0 0; color:#fff; }
nav ul.navmain2 li a:hover {color:#000!important; background-color:#fff; text-decoration:none!important; }

nav ul.navmain2 li.currentpage a:link, nav ul.navmain2 li.currentpage a:visited,  nav ul.navmain2 li.currentpage a:hover{background-color:#fff!important; color:#000!important; }
nav ul.navmain2 li.currentpage a:link, nav ul.navmain2 li.currentpage a:visited{background-color:#fff!important; color:#000!important; }
nav ul.navmain2 li.currentpagered a:link, nav ul.navmain2 li.currentpagered a:visited, nav ul.navmain2 li.currentpagered a:hover{background-color:#c40000; color:#fff!important;}
nav ul.navmain2 li.currentpagewhite a:link, nav ul.navmain2 li.currentpagewhite a:visited, nav ul.navmain2 li.currentpagewhite a:hover{background-color:#fff; color:#000!important;}
nav ul.navmain2 li.currentpageyellow a:link, nav ul.navmain2 li.currentpageyellow a:visited, nav ul.navmain2 li.currentpageyellow a:hover{background-color:#d5c301; color:#fff!important;}

nav ul.navmain2 li.currentpagepurple a:link, nav ul.navmain2 li.currentpagepurple a:visited{background-color:#800194!important; color:#fff!important;}
nav ul.navmain2 li.currentpagepurple a:hover {background-color:#800194!important; color:#fff!important;}

nav ul.navmain2 li.currentpagegreen a:link, nav ul.navmain2 li.currentpagegreen a:visited, nav ul.navmain2 li.currentpagegreen a:hover{background-color:#009900!important; color:#fff!important;}


@media all and (max-width: 800px) {
nav {margin:auto; padding:0; white-space: nowrap; z-index:10; position:relative;}

/*.nav {background-color:#000; font-family:'Oswald', 'Didact Gothic', sans-serif ; }*/
nav ul.navmain2 { display: none; font-family:Oswald, 'Didact Gothic', sans-serif ; }

nav .navchild {display:none; margin:auto; padding:0; white-space: nowrap; z-index:10; position:relative;}
nav ul.navchild li {list-style-type:none; margin:0 1px 0 0; background-color:#fff!important; color:#000!important; }
nav ul.navchild li a:link, nav ul.navchild li a:visited {
	border-bottom: 1px solid #ddd;
width: 94%; padding:12px; margin: 0 -3px 0 0; display:inline-block; text-decoration:none; background-color:#fff!important; color:#000!important; }
nav ul.navchild li a:hover {text-decoration:underline;}

}
 

@media all and (max-width: 99999px) and (min-width: 801px){
	
/*nav {opacity: 0.9;}*/
nav .navmain2 {margin:auto; padding:0; white-space: nowrap; z-index:10; position:relative;}
nav ul.navmain2 li a:link, nav .navmain2 a:visited {padding:12px; margin: 0 -3px 0 0; display:inline-block; color:#fff; text-decoration:none;  }


nav .navchild {margin:auto; padding:0; white-space: nowrap; z-index:10; position:relative; }

nav ul.navchild {
font-size:14px;
font-family:'Source Sans Pro', 'Oswald', 'Didact Gothic', sans-serif ;
line-height: 14px;
margin: 0;
padding: 0;
text-align: center;
z-index:10;
position:relative;


}
nav ul.navchild li {list-style-type:none; display:inline-block; margin:0 1px 0 0; }

nav ul.navchild li a:link, nav ul.navchild li a:visited {padding:12px; margin: 0 -3px 0 0; display:inline-block;   text-decoration:none!important; }
nav ul.navchild li a:hover {text-decoration:underline!important;}
}

nav .navchildwhite, nav .navchildwhite li, nav .navchildwhite li a:link, nav .navchildwhite li a:visited {background-color:#fff!important; color:#000!important;}
nav ul.navchild li.currentpagewhite a:link, nav ul.navchild li.currentpagewhite a:visited, nav ul.navchild li.currentpagewhite a:hover{text-decoration:underline!important; background-color:#fff!important; color:#000!important;}

nav .navchildred, nav .navchildred li, nav .navchildred li a:link, nav .navchildred li a:visited {background-color:#c40000!important; color:#fff!important;}
nav ul.navchild li.currentpagered a:link, nav ul.navchild li.currentpagered a:visited, nav ul.navchild li.currentpagered a:hover{text-decoration:underline!important;   color:#fff!important;}

nav ul.navchild li.currentpagered2 a:link, nav ul.navchild li.currentpagered2 a:visited, nav ul.navchild li.currentpagered2 a:hover{text-decoration:underline!important;  background-color:#d82f2f!important; color:#fff!important;}


nav .navchildred2, nav .navchildred2 li, nav .navchildred2 li a:link, nav .navchildred2 li a:visited {background-color:#d82f2f!important; color:#fff!important;}
nav ul.navchild2 li.currentpagered a:link, nav ul.navchild2 li.currentpagered a:visited, nav ul.navchild2 li.currentpagered a:hover{text-decoration:underline!important;  background-color:#d82f2f!important; color:#fff!important;}


nav .navchildred3, nav .navchildred3 li, nav .navchildred3 li a:link, nav .navchildred3 li a:visited {background-color:#e64a4a!important; color:#fff!important;}
nav ul.navchild li.currentpagered3 a:link, nav ul.navchild li.currentpagered3 a:visited, nav ul.navchild li.currentpagered3 a:hover{text-decoration:underline!important;  background-color:#e64a4a!important; color:#fff!important;}



nav .navchildyellow, nav .navchildyellow li, nav .navchildyellow li a:link, nav .navchildyellow li a:visited {background-color:#d5c301!important; color:#fff!important; }
nav ul.navchild li.currentpageyellow a:link, nav ul.navchild li.currentpageyellow a:visited, nav ul.navchild li.currentpageyellow a:hover{text-decoration:underline!important;  background-color:#d5c301!important; color:#fff!important;}

nav .navchildpurple, nav .navchildpurple li, nav .navchildpurple li a:link, nav .navchildpurple li a:visited {background-color:#800194!important; color:#fff!important; }
nav ul.navchild li.currentpagepurple a:link, nav ul.navchild li.currentpagepurple a:visited, nav ul.navchild li.currentpagepurple a:hover{text-decoration:underline!important;  background-color:#800194!important; color:#fff!important;}

nav .navchildgreen, nav .navchildgreen li, nav .navchildgreen li a:link, nav .navchildgreen li a:visited {background-color:#009900!important;  color:#fff!important;}
nav ul.navchild li.currentpagegreen a:link, nav ul.navchild li.currentpagegreen a:visited, nav ul.navchild li.currentpagegreen a:hover{text-decoration:underline!important;   background-color:#009900!important; color:#fff!important;}









.lozenges img {max-width: 237px;width: 100%;margin-bottom: -4px;}

.pagered { color:#f71212!important;}
.pagered:hover { color:#fff!important; background-color:#c40000!important;}

.pagewhite { color:#000!important;}
.pagewhite:hover { color:#fff!important; background-color:#c40000;}

.pageyellow {color:#d5c301;}
.pageyellow:hover {background-color:#d5c301!important; color:#fff!important; }

.pagepurple {color:#de51f4; }
.pagepurple:hover {background-color:#800194!important; color:#fff!important;}

.pagegreen {color:#00c600; }
.pagegreen:hover {background-color:#009900!important; color:#fff!important;}





.navstar {margin: 7px 7px -6px 9px;}
.david {margin: auto;
position: relative;
text-align: center;
padding: 0 0 7px 0; font-size:12px; z-index:5; }
.david a:link, .david a:visited {color:#000; text-decoration:underline; font-size:12px; margin:auto;}
.david a:hover {text-decoration: none;}

.thered {background-color:#c40000 !important;}
.theyellow {background-color:#d5c301 !important;}

.logo {display: inline;float: left;margin-right: 194px;white-space: nowrap; }
.logoindex {margin:auto;width: 425px;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
}

.indexstar {
position: relative;
z-index: 5;
margin: auto;
width: 548px;
height: 560px;
top: -9px;
left: 85px;
background-image: url(/web/20160513182730im_/http://www.mjffc.org.uk/images/logo-star-earth.png);
background-repeat: no-repeat;
background-size: 366px;
}

.indexaction {/*position: relative;*/
z-index: 999;
margin: auto;
max-width: 420px;
top: -110px;
left: 32px; text-align:center;}

.indexfooter {max-width: 490px;
text-align: center;
margin: auto;
bottom: 50px;
color: #9a9a9a;
font-size: 14px;}


.logo img {margin-right:10px; }
.logotext {position: relative; top: -15px;  font-size:32px; font-family:'Source Sans Pro','Oswald', sans-serif; font-weight:bold; color:#fff; }
.logobuttons {width: 384px;
position: relative;
display: inline;
white-space: nowrap;}
.mjquote, .mjquote a:link, .mjquote a:visited, .mjquote a:hover { font-size:32px; font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; text-align:center;color:#fff; text-decoration:none;  text-shadow: 1px 2px 0px rgba(0, 0, 0, 1); margin:0 0 0 13px;}


.introduction {
	background-color: #fff;
	 color:#000;
	text-align:center;
	font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:normal; font-size:40px;
	margin:0;   text-shadow: 0px 1px 0px #fff; padding: 15px;
	position:relative;
z-index:2;

	}
	
	.introductionwithin {
		line-height: 50px;
	background-color: #fff;
	 color:#000;
	text-align:center;
	font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:normal; font-size:40px;
	margin:0;   text-shadow: 0px 1px 0px #fff; padding: 15px;
	position:relative;
z-index:2;

	}
	
	
	.introductiononred {
	background-color: #c40000;
	text-align:center;
	font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; font-size:40px; color:#fff;
	margin:0;   padding: 15px;
	position:relative;
z-index:2;

	}
	
	
	.introductiononyellow {
		background: rgba(215, 198, 16, 1); 
	text-align:center;
	font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; font-size:40px; color:#000;
	margin:0;   padding: 15px;
	position:relative;
z-index:2;

	}
	
	.introductiononpurple {
		background-color:#800194; 
	text-align:center;
	font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; font-size:40px; color:#fff;
	margin:0;   padding: 15px;
	position:relative;
z-index:2;

	}
	
	

	
	.st_fblike_hcount {top: -2px;
position: relative;}
	
	
	
	
	
	@media all and (max-width: 800px) {

.introductionindex {
font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; font-size:100%; color:#fff;
margin:0; text-align:center; padding: 15px;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
-o-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}


	}
@media all and (max-width: 99999px) and (min-width: 801px){
		
.introductionindex {
font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; font-size:30px; color:#fff;
margin:0; text-align:center; padding: 15px;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
-o-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}
}

.fadeinfadein {-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
-o-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;}
	
	
	

.clusterintro h1 {text-align:center; font-size:32px; padding:0; margin:0 0 10px 0; color:#000;  font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:normal;}
.clusterintro {
background-image:url(/web/20160513182730im_/http://www.mjffc.org.uk/images/bg-white-85.png);
background-repeat:repeat;
max-width: 600px;
padding:20px;
margin:auto;

}
.clusterintro .content { line-height:32px; text-align:center;font-size: 17px;}

.cluster h1 { text-transform:uppercase; text-align:center; font-size:32px; color:#fff;  font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:normal; 
padding: 15px;
border-bottom: 1px dashed #fff;
background-color: #c40000;
margin: 0;
  line-height: 43px;
}

.cluster .content { line-height:32px; text-align:left;font-size: 16px; background-color: #fff; padding: 20px;}




.clusterred h1 { text-transform:uppercase; text-align:left; font-size:32px; padding:0; margin:0 0 10px 0; color:#fff;  font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:normal;}
.clusterred .content { color:#ffffff; line-height:32px; font-size: 17px;}
.clusteryellow h1 {  color: #fff !important; text-transform:uppercase; text-align:left; font-size:32px; padding:0; margin:0 0 10px 0;   font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:normal;}
.clusteryellow .content { color:#fff; line-height:32px; font-size: 17px;}

.recentdonations img {max-width:777px; margin-bottom: 7px; /*border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; */}
.recentdonations-content {font-size: 28px; width: 100px; display: inline; font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; line-height: 44px; }






.panel {background: rgba(255, 255, 255, 0.8); padding:20px; margin:20px 0 20px 0; text-align:center; }
.clusteryellow h2 {  color: #000 !important; text-transform:uppercase; font-family:'Oswald','Source Sans Pro','Oswald', sans-serif; font-weight:bold; font-size:27px; margin-top: 19px; margin-bottom: -3px;}
.clusteryellow h2 a:hover { color: #000 !important; }
.panel h2 { font-weight:bold; font-size:27px; text-transform:none;}
.panel h2 a:link { font-weight:bold; font-size:27px; text-transform:none; text-decoration:underline;}
.panel h2 a:hover { font-weight:bold; font-size:27px; text-transform:none; text-decoration:none;}




.title { margin: 0; text-align:center;}

.quote { text-align:center; color: #656565;}



/* ONLINE FORM STUFF */

label #contactform-res  {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
}

#contactform-res .field-input{
border: 0px solid;
font-size: 16px;
padding: 10px;
font-family: 'Didact Gothic', sans-serif, Arial, Helvetica, sans-serif;
height: 14px;
/*top: -2px; removed to fix the donate page position*/
position: relative;
color: #000;

background-color: #ddd;
}


 .field-input{
border: 1px solid #ddd;
font-size: 16px;
padding: 10px;
font-family: 'Didact Gothic', sans-serif, Arial, Helvetica, sans-serif;
height: 14px;
/*top: -2px; removed to fix the donate page position*/
position: relative;
color: #000;
margin-bottom: 10px;
background-color: #fff;
width:100%;
max-width:200px;
  border: 1px solid #ddd;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
}
	
	
#contactform .field-input{
border: 1px solid #ddd;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
font-size: 16px;
padding: 10px;
font-family: 'Didact Gothic', sans-serif, Arial, Helvetica, sans-serif;
height: 14px;
position: relative;
color: #000;
margin-bottom: 0;
margin-left: 0px;
width: 270px;
background-color: #fff;

	}
	
.field-dropdown{
 border: 1px solid #ddd;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    font-size: 16px;
      width: 100%;
  max-width: 420px;
    padding-left: 10px !important;
	font-family: 'Didact Gothic', sans-serif, Arial, Helvetica, sans-serif;
	background-color: #fff;
	height: 42px;
	margin-bottom: 0;
	margin-left: 0px;
	cursor:pointer;
	}
	
	
#contactform .field-comments{
 border: 1px solid #ddd;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    font-size: 16px;
    
    padding: 10px;
	width:270px;
	font-family: 'Didact Gothic', sans-serif, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin-bottom: 0;
	margin-left: 0px;
	}
	
	

.button_red {
	color:#fff !important;
	text-decoration:none !important;
    background-color: #a11919;
    background-image: linear-gradient(to bottom, #d83d3d 0px, #a11919 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#d83d3d ), to(#a11919));
	background: -moz-linear-gradient(top,  #d83d3d,  #a11919);
    border-color: #a11919 #a11919 #000000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    outline: 0 none;
    padding: 8px 13px 7px 14px;
    white-space: nowrap;
    word-wrap: normal;
}



.button_red:hover {

    background-image: linear-gradient(to bottom, #c83334 0px, #961212 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#c83334 ), to(#961212));
	background: -moz-linear-gradient(top,  #c83334,  #961212);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 3px rgba(0, 0, 0, 0.5) ;
}



footer {background-color: #000;
    z-index: 10;
    position: relative;
    cursor: default;
    padding: 20px 0;
    margin: 0 0 20px 0;
    color: #fff;
    font-size: 14px;
    box-shadow: 0px 3px 26px #000;
    float: left;
    width: 100%;}
	
.footerlogos {background-color:#fff; }
.footerlogos img {max-width:607px; margin-bottom: 100px;}

footer a:link, footer a:visited {color:#fff; text-decoration:underline;}
footer a:hover{color:#fff; text-decoration:none;}






.translate {
float: right;
position: relative;
top: 2px;
margin-right: 5px;
font-size:20px;
	}
	
.socialvisit {top: -5px; position: relative;float: right; font-size:20px;}
.socialvisitheader {top: 11px;left: -6px;position: relative;float: right; font-size:20px;}

.socialvisitglobal{
	height: 20px;
width: 30px;
padding:2px 0 8px 0;
margin: 5px;
position: relative;
float: left;
text-align: center;
text-decoration:none!important;
opacity:0.6;

	}
.socialvisit .facebook, .socialvisit .facebook a:link, .socialvisitheader .facebook, .socialvisitheader .facebook a:link{	color:#fff;	background-color: #3b5998;}
.socialvisit .twitter, .socialvisitheader .twitter {	color:#fff;	background-color: #00acee;}
.socialvisit .googleplus {	color:#fff;	background-color: #dc4a36;}
.socialvisit .pinterest {	color:#fff;	background-color: #cb2027;}
.socialvisit .instagram {	color:#fff;	background-color: #517fa4;}
.socialvisit .youtube {	color:#fff;	background-color: #bb0000;}
.smallprint, .smallprint a:link, .smallprint a:hover, .smallprint a:visited { 
font-size: 13px;
   position: relative;
  text-align: center;
  margin: auto;  color:#fff; line-height:20px;}
  
  .digits {font-family: 'Open Sans', sans-serif; font-weight: bold;}
/*
     FILE ARCHIVED ON 18:27:30 May 13, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:29:27 Aug 17, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 142.773
  exclusion.robots: 0.128
  exclusion.robots.policy: 0.115
  RedisCDXSource: 8.027
  esindex: 0.012
  LoadShardBlock: 113.253 (3)
  PetaboxLoader3.datanode: 78.834 (4)
  CDXLines.iter: 17.48 (3)
  load_resource: 68.408
  PetaboxLoader3.resolve: 40.48
*/